<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <!-- <link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/reset.css"> -->

    <script src="https://css2020.yixuan.net/2020css/yx2020/js/jquery.js?v=2"></script>
<!--    <link rel="stylesheet" type="text/css" href="https://css2020.yixuan.net/2020css/yx2020/css/reset.css">-->
    <link rel="stylesheet" type="text/css" href="{TEST_STATIC_PATH}new_beilai/css/reset.css?v=2">
    <link rel="stylesheet" type="text/css" href="https://css2020.yixuan.net/2020css/yx2020/css/swiper.min.css">
<!--    <link rel="stylesheet" type="text/css" href="{TEST_STATIC_PATH}new_beilai/css/swiper.min.css">-->

<!--    <script src="https://css2020.yixuan.net/2020css/yx2020/js/swiper-3.4.2.min.js"></script>-->
    <script src="{$_G['URL']['LOTTERY_CSS']}lottery/js/layer/layer.js"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/md5.js?v=2"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/swiper-3.4.2.min.js"></script>
    <link rel="stylesheet" type="text/css" href="{TEST_STATIC_PATH}new_beilai/css/style.css?v=10">
    {if $config['weixinh5']==2 || DEVNAME =='yxdevname'}
    <script src="{$_G['URL']['YX2020_CSS']}js/vconsole.min.js"></script>
    <script> var vConsole = new VConsole(); </script>
    <script type="text/javascript" src="{$_G['URL']['YX2020_CSS']}js/yixuan_ping.js?v=15"></script>
    <script type="text/javascript" src="{$_G['URL']['YX2020_CSS']}js/yixuan_duihua.js?v=18"></script>
    <script type="text/javascript" src="{TEST_STATIC_PATH}new_beilai/js/yixuan_swiper_2021.js?v=55"></script>
    {else}
    <script type="text/javascript" src="{$_G['URL']['YX2020_CSS']}js/ping.js?v=15"></script>
    <script type="text/javascript" src="{$_G['URL']['YX2020_CSS']}js/duihua.js?v=18"></script>
    <script type="text/javascript" src="{$_G['URL']['YX2020_CSS']}js/swiper_2021.js?v=52"></script>
    {/if}

    <script>
        init();
        window.onresize = init;
        function init(){
            document.documentElement.style.fontSize =
                document.documentElement.clientWidth / 7.5 + 'px';
        }
    </script>
    <title>{$theme['title']}</title>
    <style>
        .edu-swiper-container {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1;
        }
        .edu-banner__video-open{
            position: absolute;
            bottom: 10%;
            left: 50%;
            /*margin-left: -.3rem;*/
            transform: translateX(-50%);
            z-index: 11;
            width: 1.6rem;
            height: .6rem;
            background-image: url();
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding-left: .6rem;
            box-sizing: border-box;
        }
        .edu-banner__video-open p{
            font-size:.32rem;
            color: #262626;
            line-height: .6rem;
        }
        .edu-banner__closevideo{
            position: absolute;
            color: #ffffff;
            font-size: .6rem;
            font-weight: 300;
            left: .5rem;
            top: .3rem;
            z-index: 999;
            width: .5rem;
            height: .5rem;
            border-radius: 50%;
        }
        .schoolAlt .schollTitle {
            position: sticky;
            top: 0;
            color: #fff;
            background: #ffffff;
            background: linear-gradient(90deg, #FF8E0D -4.33%, #FF5005 96.22%);
            box-shadow: 0 1px 4px rgba(0,0,0,0.5);
        }
        .activeChose span {
            transition-property: padding,outline-width;
            transition-duration: .3s;
            transition-timing-function: linear;
        }
        .baoming_head ul {
            background: none;
        }
        .teamAlt {
            bottom: -300%;
        }
        .teamAlt {
            z-index: 32;
        }
        .teamAlt {
            padding-bottom: .45rem;
            background: #fff;
            position: fixed;
            left: 50%;
            margin-left: -3.84rem;
            z-index: 16;
            bottom: -100%;
            max-width: 7.68rem;
            width: 100%;
        }
        .teamTitle {
            font-size: .34rem;
            color: #fff;
            line-height: 1.08rem;
            padding: 0 .27rem 0 .22rem;
            background: linear-gradient(to right,#f82079,#fe878e);
        }
        .peoBox {
            padding-top: .52rem;
        }
        .controlBtn {
            border-radius: .95rem;
            overflow: hidden;
            overflow: hidden;
            width: 6.2rem;
            height: .95rem;
            margin: .27rem auto 0;
            text-align: center;
        }
        .teamTitle .closeB {
            float: right;
            display: block;
            background: url(https://css2020.yixuan.net/2020css/yx2020/images/closeB.png) center no-repeat;
            width: .37rem;
            height: .37rem;
            margin-top: .36rem;
            background-size: 100% 100%;
        }
        .peoBox ul {
            overflow: visible;
            text-align: center;
            padding: .24rem .48rem 0;
            height: 1.04rem;
        }
        .relesPeo {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 0.88rem;
        }
        .peoBox li {
            width: 1.04rem;
            margin-bottom: .3rem;
            display: inline-block;
            height: 1.04rem;
            position: relative;
            margin: 0 .16rem;
        }
        .peoBox li img {
            border-radius: 50%;
            width: 1.04rem;
            height: 1.04rem;
        }
        .peoBox .tagpeo {
            display: block;
            text-align: center;
            color: #fff;
            background: url(https://css2020.yixuan.net/2020css/yx2020/images/tagbg.png) center no-repeat;
            width: .67rem;
            height: .28rem;
            background-size: 100% 100%;
            line-height: .28rem;
            font-size: .24rem;
            position: absolute;
            left: .65rem;
            top: -.25rem;
        }
        .relesPeo span {
            position: relative;
            color: #999999;
            font-size: .24rem;
        }
        .controlBtn a {
            line-height: .95rem;
            width: 50%;
            display: block;
            float: left;
            color: #fff;
            font-size: .28rem;
        }
        .controlBtn a:nth-child(2) {
            background: linear-gradient(to right,#f82079,#fe878e);
        }
        .controlBtn a {
            line-height: .95rem;
            width: 50%;
            display: block;
            float: left;
            color: #fff;
            font-size: .28rem;
        }
        .relesPeo span:before {
            content: '';
            width: 0.4rem;
            height: 0.03rem;
            top: 0.16rem;
            background: #dcdcdc;
            left: -0.55rem;
            position: absolute;
        }
        .relesPeo span:after {
            content: '';
            width: 0.4rem;
            height: 0.03rem;
            top: 0.16rem;
            background: #dcdcdc;
            right: -0.55rem;
            position: absolute;
        }
        .fitBottom{
            z-index: 12;
            position: fixed;
            right: .24rem;
            top: unset;
            bottom: 2.15rem !important;
        }
        .footer{
            height: 1rem;
            padding: .12rem .32rem 0 .12rem;
        }
        .footer .home{
            margin-top: .1rem;
            padding-top: .40rem !important;
        }
        .footer .kf{
            margin-top: .1rem;
            padding-top: .40rem !important;
        }
        .schoolAlt .lessonBrand{
            width: 1.28rem;
            height: 1.28rem;
        }
        .lessconChose span{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .footBtn.twoBtn a:nth-child(1n) {
        {if $setting['btn_style']==2}
            border-radius: .46rem 0 0 .46rem;
        {/if}
        }
        .footBtn a.controlHeight{
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size: .32rem;
        }
        .footBtn.twoBtn a{
            height: .8rem !important;
        {if $setting['btn_style']==2}
            width:2.65rem;
        {/if}
            background: linear-gradient(90deg, {$config['formcolorhead']} 15.44%, {$config['formcolortop']} 90.59%);
        }
        .footBtn.twoBtn a:nth-child(2n) {
            background: linear-gradient(90deg, {$config['formcolorhead']} 15.44%, {$config['formcolortop']} 90.59%) ;
            {if $setting['btn_style']==2}
            border-radius: 0 .46rem .46rem 0;
            {/if}
        }
        .shoperIntroduceNoImg{
            box-shadow: none;
            padding: 0;
            background: none;
        }
        .join{
            height: 1rem;
            /*padding: 0.2rem 0.4rem;*/
            background-image: url({$_G['URL']['BEILAI_IMG']}/f_bg.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7.5rem 1.26rem;
            position: fixed;
            bottom: 1rem;
            right: 0;
            width: 100%;
            z-index: 8;
        }
        .shoperIntroduce {
            background: linear-gradient(to right,{$edu_colors['shop_card_c1']},{$edu_colors['shop_card_c2']});
        }
        .shoperTop .swiper-slide-active{
            border: 2px solid {$edu_colors['shop_logo_c']};
        }
        .activeChose span.cur{
            background: linear-gradient(90deg,{$edu_colors['acCho_c1']} -5.72%,{$edu_colors['acCho_c2']} 85.87%);
        }
        .welfareList li a.welfareState:after{
            background: none;
        }
        .lessconChose span{
            background: linear-gradient(90deg,{$edu_colors['lcc_c1']} -5.72%,{$edu_colors['lcc_c2']} 85.87%);
            color:{$edu_colors['lcc_tc']}
        }
        .lessconChose span.cur{
        background: linear-gradient(90deg,{$edu_colors['lcc_c_c1']} -5.72%,{$edu_colors['lcc_c_c2']} 85.87%);
        color:{$edu_colors['lcc_c_tc']}
        }
    </style>
    <style>
        .phb{
            padding: 0;
            border-top: none;
            background-size: 100%;
            padding-bottom: 10px;
        }
        .phbtitle{
            width: 65%;
            padding: 30px 0 20px;
            margin: 0 auto;
        }
        .phbtitle img{
            width: 100%;
        }
        .phbBar{
            background: #fff;
            position: relative;
            padding-top: 0;
            width: 86%;
            margin: 0 auto;
            border: 3px solid #fa451d;
            border-radius: 15px;
        }
        .chosB{
            overflow: hidden;
            margin: 0 auto;
        }
        .chosB span{
            display: block;
            position: relative;
            width: 50%;
            float: left;
            font-size: .32rem;
            line-height: .88rem;
            text-align: center;
            color: #989898;
        }
        .chosB span.on2{
            color: #fb3333;
        }
        .chosB span.on2:after{
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            background: #fb332b;
            width: 30px;
            height: 4px;
            margin-left: -15px;
            border-radius: 4px;
        }
        .tableBox { width:100%; margin:0 auto 0;}
        .tableBox .baby { width:.62rem; margin-right:.24rem;}
        .tableBox td { color:#4d4c4c; font-size:.28rem; padding:.15rem 0; text-align:center;}
        .tableBox th { color:#000000; font-size:.24rem; line-height:.55rem;}
        .tableBox tr:nth-child(1) { background:#f4f4f4;}
        .tableBox tr:nth-child(1) th { color:#999999;}
        .tableBox td img { display:inline-block; margin-right:2px; vertical-align:middle;}
        .tableBox td:nth-child(1) img { width:.32rem;}
        .tableBox td span { font-weight:bold; color:#ed5031; font-size:.28rem;}
        .tableBox .readmore { color:#4d4c4c; display:block; text-align:center; font-size:14px; line-height:2.5;}
        .footer{z-index: 12}
    </style>
</head>
<body>

<!--右侧固定按钮-->
<div class="fixRight {if $float_icon_show==2}fitBottom{/if}">
    {if $canshare}
    <a href="javascript:void(0)" class="fixShare" onclick="showShare()"></a>
    {/if}
    <a href="javascript:void(0)" class="fixAudio" id="edu-audio_btn"></a>
    <a href="/{php echo createMobileUrl('wx', array('themeid'=>$themeid,'r'=>'education.index.reword'));}" class="fixGift"></a>
    {if !empty($myworker) && $myworker['level']<=3}
    <a href="/{php echo createMobileUrl('x_index', array('themeid'=>$themeid));}" class="fixControl"></a>
    {/if}
</div>
<audio autoplay="autoplay" id="edu-bgaudio" loop="true" src="{php echo tomedia($config['musicsrc']);}"></audio>
<!--轮播图  完成-->
{if !empty($workerposter)}
<style>
    .swiper-slide img{
        pointer-events:auto;
    }
</style>
{/if}
<div class="banner">
    {if !empty($config['bannervideo'])}
    <div class="edu-banner__video-con" style="width: 100%; height: 100%; background:#000; display: none;z-index: 29;position: absolute" >
        <img src="{$_G['URL']['YX2020_CSS']}images/close.png" class="edu-banner__closevideo" style="pointer-events: auto;">
        <video id="edu-banner__video" poster="{$config['headlogo']}"
               preload="auto" webkit-playsinline="true"  playsinline   x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" style="width: 100%; height: 100%; background: rgba(0,0,0,0.8);" controls="controls">
            <source src="{$config['bannervideo']}">
        </video>
    </div>
    {/if}
    <div class="swiper edu-swiper-container edu-mySwiper">
        {if !empty($config['bannervideo'])}
        <div class="edu-banner__video-open">
            <p>00′35″</p>
        </div>
        {/if}
        <div class="swiper-wrapper">
            {loop $config['bannerimgs'] $item}
            <div class="swiper-slide">
                <img src="{$item}" >
            </div>
            {/loop}
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<!--轮播图  完成-->
<div class="classInfor">
    <h2>
        ¥{php echo $config['groupprice'];}
        <span>¥{php echo  $config['primeprice'];}</span>
        <i>限时活动</i>
    </h2>
    <h3>{php echo $theme['title'];}</h3>
    <p>{php echo $theme['desc'];}</p>
</div>
<div class="activeBar" style="background: linear-gradient(180deg,{$edu_colors['acBar_c1']} 0%,{$edu_colors['acBar_c2']} 100%)">
    {if $can_countdown && $djs_show==1}
    <div class="activeTitle">
        <img src="{TEST_STATIC_PATH}new_beilai/images/titLeft.png">{$other_name['djs_name']}<img src="{TEST_STATIC_PATH}new_beilai/images/titRight.png">
    </div>
    <div class="timeBar" endtime="{$countdown_time}"></div>
    {/if}
    <div class="activePeople" style="border: 4px solid {$edu_colors['acPeo_c']};background: {$config['formcolorcenter']}">
        <div class="actNum">
            已有<span>{php echo $totalsum;}</span>人抢购
        </div>
        <div class="numCont">
            参与人数<span>{php echo $totalsum;}</span><i>|</i>浏览量<span>{php echo $scannum;}</span>
        </div>
        <!--头像滚动-->
        <div class="content baoming_head">
            <div class="content" style="height: 100%;">
                <ul class="edu-swiper-container content" id="edu-activePerson__swiper" style="height: 235px">
                    <div class="swiper-wrapper">
                        {if count($fanslist) > 0 }
                            <?php $countfanslist = count($fanslist)?>
                            <?php $remainder = $countfanslist % 6?>
                            {loop $fanslist $index $item}
                                {if ($index+1) % 6 == 0}
                                <div class="swiper-slide swiper-no-swiping">
                                    <?php $fansgroup = array_slice($fanslist,($index-5), 6); ?>
                                    {loop $fansgroup $c_index $c_item}
                                    <li><img src="{$c_item['avatar']}"><br>
                                        {$c_item['username']}</li>
                                    {/loop}
                                </div>
                                {/if}
                                {if $remainder > 0 && $index == ($countfanslist-$remainder-1)}
                                    <?php $remaindergroup = array_slice($fanslist,($countfanslist-$remainder-1), $remainder); ?>
                                    <div class="swiper-slide swiper-no-swiping">
                                        {loop $remaindergroup $r_index $r_item}
                                        <li><img src="{$r_item['avatar']}"><br>
                                            {$r_item['username']}</li>
                                        {/loop}
                                    </div>

                                {/if}
                            {/loop}
                        {/if}
                    </div>
                </ul>
            </div>
        </div>
    </div>
<!--    红包排行榜顶部显示-->
    {if $config['iscommshow']==1}
    <div id="phb" style="margin-bottom: .4rem;"></div>
    {/if}
<!--    活动火热进行中-->
    {if $activity_show==1}
    <div class="hotActive" style="border: 4px solid {$edu_colors['hotAc_c']}">
        <div class="actNum">
            <img src="{TEST_STATIC_PATH}new_beilai/images/fire.png"> {$other_name['activity_name']}
        </div>
        <div class="partPeo" style="overflow: unset; height: unset" >
            <ul id="edu-hotActive__swiper" class="edu-swiper-container" style="height:3.35rem" >
                <div class="swiper-wrapper">
                    {loop $order_list $item}
                    <div class="swiper-slide">
                        <li>
                            <img src="{php echo $item['avatar'];}">
                            <div class="partLeft">
                                <p>{php echo $item['username'];}</p>
                                <?php $new_mobile = substr_replace($item['mobile'], '****', 3, 4);?>
                                <span>{php echo $new_mobile;}</span>
                            </div>
                            <div class="partRight">
                                <p>已支付<i>¥{$item['fee']}</i></p>
                                <span>{php echo date("Y-m-d H:i:s",$item['addtime']);}</span>
                            </div>
                        </li>
                    </div>
                    {/loop}
                </div>
            </ul>
        </div>
    </div>
    {/if}
</div>
<!--联盟商家-->
{if $company_show<4}

<div class="shoper">
    <div class="activeTitle">
        <img src="{TEST_STATIC_PATH}new_beilai/images/titLeft.png">联盟商家<img src="{TEST_STATIC_PATH}new_beilai/images/titRight.png">
    </div>
    <!--<div class="shoperList">
        {loop $sj_list $item}
			<span class="cur">
				<img src="{php echo $item['logo'];}" mode="widthFix" >
			</span>
        {/loop}
    </div>-->
    <div class="shoperTop">
        <div class="edu-swiper-container mySwiper">
            <div class="swiper-wrapper">
                {loop $sj_list $item}
                <div class="swiper-slide">
                    <img src="{php echo $item['logo'];}" class="swsl-img">
                </div>
                {/loop}
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    {if $company_show==1 || $company_show==3}
    <div class="videoList">
        <div class="edu-swiper-container edu-video__swiper swiper-no-swiping">
            <div class="swiper-wrapper">
                {loop $sj_list $key $item}
                <div class="swiper-slide">
                    <div class="videoSlide">
                        <video src="{php echo $item['video'];}" playsinline x5-video-player-type="h5"
                               x5-video-player-fullscreen="true" controls="controls"
                               controlsList="nodownload"
                               style=" border: 2px solid {$edu_colors['shop_logo_c']};"
                               poster="{php echo $item['video_back_img'];}"></video>
                    </div>
                </div>
                {/loop}
            </div>
        </div>
    </div>
    {/if}
    {if $company_show==2 || $company_show==3}
    <div class="shoperBottom" style="margin-top: .32rem">
        <div class="edu-swiper-container video-and-img swiper-no-swiping">
            <div class="swiper-wrapper">
                {loop $sj_detail_list $key $item}
                <div class="swiper-slide">
                    <div class="shoperIntroduce {if $item['card_img']}shoperIntroduceNoImg{/if}">
                        {if !$item['card_img']}
                        <!--                        无图-->
                        <div class="shoperTitle">
                            <div class="shoperImg">
                                <img src="{php echo $item['logo'];}" mode="widthFix">
                            </div>
                            <p>{php echo $item['name'];}
                                {if $item['address_total']>0}
                                <span>({php echo $item['address_total'];}家门店)</span>
                                {/if}
                            </p>
                        </div>
                        <div class="shoperGoods">
                            <h2>一下任选一项</h2>
                            <ul>
                                {loop $item['courses'] $row}
                                {if $row['qty']>0}
                                <li>
                                    <p>{php echo $row['name'];}</p>
                                    <span>￥{php echo $row['price'];}</span>
                                </li>
                                {/if}
                                {/loop}
                            </ul>
                        </div>
                        {else}
                        <!--                        有图-->
                        <div>
                            <img src="{php echo $item['card_img'];}" mode="widthFix" style="border-radius: .4rem">
                        </div>
                        {/if}

                    </div>
                </div>

                {/loop}
            </div>
        </div>
    </div>
    {/if}
</div>

<!--商家列表-->
<div class="serviceList">
    <ul id="serviceList_ul">
        {loop $sj_detail_list $index $item}
        <li style="background: {$edu_colors['shop_item_c']}">
            <div class="serviceImg">
                <img src="{$item['logo']}" >
            </div>
            <div class="serviceTxt">
                <h2>{$item['name']}</h2>
                <p class="phoneNum">{$item['kefu']['mobile']}</p>
                <p class="addInfor">{$item['address'][0]}</p>
            </div>
            <a href="javascript:void(0)" class="checkMore" data-k="{php echo $index;}"
               style="background: linear-gradient(90deg,{$edu_colors['shop_card_c1']} -6.48%,{$edu_colors['shop_card_c2']} 97.21%)">查看</a>
        </li>
        {/loop}
    </ul>
</div>
{/if}

<!--红包排行榜 中间显示-->
{if $config['iscommshow']==2}
<div id="phb" style="margin-bottom: .4rem"></div>
{/if}

<!--福利领取记录-->
{if $flag_show==1}
<div class="getList" style="background: {$edu_colors['getLi_c']}">
    <div class="activeTitle">
        <img src="{TEST_STATIC_PATH}new_beilai/images/titLeft.png">{$other_name['flag_name']}<img src="{TEST_STATIC_PATH}new_beilai/images/titRight.png">
    </div>
    <div class="partPeo" style="height: unset; overflow: unset">
        <ul id="edu-getWeal_swiper" class="edu-swiper-container" style="height: 3.35rem;">
            <div class="swiper-wrapper">
                {loop $user_flag_list $item}
                <div class="swiper-slide">
                    <li>
                        <img src="{$item['avatar']}">
                        <div class="partLeft">
                            <p>{$item['nickanme']}</p>
                            <span>{$item['txt']}</span>
                        </div>
                        <div class="partRight">
                            <p><i>{$item['status_txt']}</i></p>
                            <span>{$item['time']}</span>
                        </div>
                    </li>
                </div>
                {/loop}
            </div>
        </ul>
    </div>
</div>
{/if}
<!--活动选项卡-->
<div class="activeChose">
    <span class="cur">活动介绍</span>
    <span>课程展示</span>
    <span>解锁福利</span>
</div>
<div class="actBar">
    <div class="actSlide lessonImg">
        {$config['content']}
    </div>
    <div class="actSlide lessonBox dn">
        <div class="lessconChose" style="width: 1.55rem;">
            {loop $sj_detail_list $key $row}
            <span class="{php echo $key==0?'cur':'';}">{$row['name']}</span>
            {/loop}
        </div>
        <div class="lessonCont" style="width: calc(100% - 1.55rem)">
            {loop $sj_detail_list $key $row}
            <div class="lessonSlide {php echo $key!=0?'dn':'';}">
                <div class="lessonTop">
                    <div class="lessonBrand">
                        <img src="{$row['logo']}" >
                    </div>
                    <div class="brandTxt">
                        <p>{$row['kefu']['mobile']}</p>
                        {loop $row['address'] $address}
                        <span>{$address}</span>
                        {/loop}
                    </div>
                    <a href="tel:15867176666" class="brandTel"></a>
                </div>
                <ul>
                    {loop $row['courses'] $course}
                    <li>
                        <a href="">
                            <div class="listImg">
                                <img src="{$course['top_img']}" >
                            </div>
                            <div class="listTxt">
                                <h2>{$course['name']}</h2>
                                <p>已报名<span>{$course['selected_num']}</span>人</p>
                            </div>
                        </a>
                    </li>
                    {/loop}
                </ul>
                <div class="brandInfor">
                    <h2>机构详情</h2>
                    <p>{$row['content']}</p>
                </div>
            </div>
            {/loop}
        </div>
    </div>
    <div class="actSlide welfareList dn">
        <ul>
            {loop $temp_total_arr $index $item}
            <li>
                <div class="welfareImg">
                    <img src="{$item['img']}" >
                </div>
                <div class="welfareTxt">
                    <h2>{$item['title']}</h2>
                    <p>价值<i>¥<b>{$item['price']}</b></i></p>
                    <span>{$item['shangjia']}</span>
                </div>
                <a href="javascript:;" class="welfareState" onclick="showBonDetail({$index})"
                   style="width: 1.46rem;font-size: 0.24rem;text-indent:.25rem;background: linear-gradient(90deg,{$edu_colors['acCho_c1']} -5.72%,{$edu_colors['acCho_c2']} 85.87%)">
                    查看介绍
                </a>
            </li>
            {/loop}
        </ul>
    </div>
</div>
<!--进入弹窗-->

<!--底部显示联盟商家-->
{if $company_show>=4}
<div class="shoper">
    <div class="activeTitle">
        <img src="{TEST_STATIC_PATH}new_beilai/images/titLeft.png">联盟商家<img src="{TEST_STATIC_PATH}new_beilai/images/titRight.png">
    </div>
<!--    <div class="shoperList">-->
<!--        {loop $sj_list $item}-->
<!--        <span class="cur">-->
<!--				<img src="{php echo $item['logo'];}" mode="widthFix" >-->
<!--			</span>-->
<!--        {/loop}-->
<!--    </div>-->
    <div class="shoperTop">
        <div class="edu-swiper-container mySwiper">
            <div class="swiper-wrapper">
                {loop $sj_list $item}
                <div class="swiper-slide">
                    <img src="{php echo $item['logo'];}" >
                </div>
                {/loop}
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    {if $company_show==4 || $company_show==6}
    <div class="videoList">
        <div class="edu-swiper-container edu-video__swiper swiper-no-swiping">
            <div class="swiper-wrapper">
                {loop $sj_list $key $item}
                <div class="swiper-slide">
                    <div class="videoSlide">
                        <video src="{php echo $item['video'];}" playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" controls="controls" poster="{php echo $item['video_back_img'];}"></video>
                    </div>
                </div>
                {/loop}
            </div>
        </div>
    </div>
    {/if}
    {if $company_show==5 || $company_show==6}
    <div class="shoperBottom" style="margin-top: .32rem">
        <div class="edu-swiper-container video-and-img swiper-no-swiping">
            <div class="swiper-wrapper">
                {loop $sj_detail_list $key $item}
                <div class="swiper-slide">
                    <div class="shoperIntroduce {if $item['card_img']}shoperIntroduceNoImg{/if}">
                        {if !$item['card_img']}
                        <!--                        无图-->
                        <div class="shoperTitle">
                            <div class="shoperImg">
                                <img src="{php echo $item['logo'];}" mode="widthFix" style="border-radius: .4rem">
                            </div>
                            <p>{php echo $item['name'];}
                                {if $item['address_total']>0}
                                <span>({php echo $item['address_total'];}家门店)</span>
                                {/if}
                            </p>
                        </div>
                        <div class="shoperGoods">
                            <h2>一下任选一项</h2>
                            <ul>
                                {loop $item['courses'] $row}
                                {if $row['qty']>0}
                                <li>
                                    <p>{php echo $row['name'];}</p>
                                    <span>￥{php echo $row['price'];}</span>
                                </li>
                                {/if}
                                {/loop}
                            </ul>
                        </div>
                        {else}
                        <!--                        有图-->
                        <div>
                            <img src="{php echo $item['card_img'];}" mode="widthFix">
                        </div>
                        {/if}

                    </div>
                </div>

                {/loop}
            </div>
        </div>
    </div>
    {/if}
</div>
<!--商家列表-->
<div class="serviceList">
    <ul>
        {loop $sj_detail_list $index $item}
        <li style="background: {$edu_colors['shop_item_c']}">
            <div class="serviceImg">
                <img src="{$item['logo']}" >
            </div>
            <div class="serviceTxt">
                <h2>{$item['name']}</h2>
                <p class="phoneNum">{$item['kefu']['mobile']}</p>
                <p class="addInfor">{$item['address'][0]}</p>
            </div>
            <a href="javascript:void(0)" class="checkMore" data-k="{php echo $index;}"
               style="background: linear-gradient(90deg,{$edu_colors['shop_card_c1']} -6.48%,{$edu_colors['shop_card_c2']} 97.21%)">查看</a>
        </li>
        {/loop}
    </ul>
</div>
{/if}
<!--底部显示联盟商家-->


<!--优惠券-->
{if $coupon_item}
<div class="starAlt coupon_box" style="display: block;">
    <div class="artCont">
        <h2>{$coupon_item['shangjia']}-送你一张</h2>
        <h3><span>{$coupon_item['price']}元</span>代金券</h3>
        <p>{$coupon_item['price']},购课抵扣使用</p>
    </div>
    <a href="javascript:closeCoupon(1)" class="pickBtn"></a>
    <a href="javascript:closeCoupon(0)"><span class="closeAlt"></span></a>
</div>
{/if}

<!--查看信息弹窗-->
<div class="school_list">
    {loop $sj_detail_list $item}
    <div class="schoolAlt">
        <div class="schollTitle" style="background: linear-gradient(90deg,{$edu_colors['acCho_c1']} -5.72%,{$edu_colors['acCho_c2']} 85.87%)">
            {$item['name']}
            <span class="closeScholl"></span>
        </div>
        <div class="lessonTop">
            <div class="lessonBrand">
                <img src="{$item['logo']}">
            </div>
            <div class="brandTxt">
                <p>{$item['kefu']['name']}</p>
                <span>{$item['kefu']['mobile']}</span>
            </div>
            <a href="tel:{$item['kefu']['mobile']}" class="brandTel"></a>
        </div>
        <div class="lessonBar">
            <h2>机构课程</h2>
            <ul>
                {loop $item['courses'] $course}
                <li>
                    <a href="javascript:void(0)">
                        <div class="listImg">
                            <img src="{$course['top_img']}">
                        </div>
                        <div class="listTxt">
                            <h2>{$course['name']}</h2>
                            <p>已报名<span>{$course['selected_num']}</span>人</p>
                        </div>
                    </a>
                </li>
                {/loop}
            </ul>
            <div class="brandInfor">
                <h2>机构地址</h2>
                {loop $item['address'] $address}
                <p>{$address}</p>
                {/loop}
                <h2>机构介绍</h2>
                <p>{$item['content']}</p>
            </div>
        </div>
    </div>
    {/loop}
</div>


<!--奖励详情-->
<div class="bon_detail">
    {loop $temp_total_arr $item}
    <div class="schoolAlt">
        <div class="schollTitle" style="background: linear-gradient(90deg,{$edu_colors['acCho_c1']} -5.72%,{$edu_colors['acCho_c2']} 85.87%)">
            {$item['title']}
            <span class="closeScholl"></span>
        </div>
        <div class="lessonBar">
            <div class="brandInfor" style="border-top: none">
                <h2>价值</h2>
                <p>{$item['price']}</p>
            </div>
            <div class="brandInfor">
                <h2>奖励提供商</h2>
                <p>{$item['shangjia']}</p>
            </div>
            <div class="brandInfor">
                <h2>奖励描述</h2>
                <p>{$item['detail']}</p>
            </div>
        </div>
    </div>
    {/loop}
</div>


{include file='education/poster'}
<!--顶部固定弹幕-->
<div class="dmbox">
    <div id="get_danmu" {if $config['isdanmu']==1}style="position: absolute;"{/if}></div>
</div>
<!--右上角分享提示-->
<div class="paySuccess" style="z-index: 16;">
    <img src="{TEST_STATIC_PATH}new_beilai/images/hands.png" >
    <p>请点击右上角【发送到朋友圈】<br/>即可收到现金红包，<br/>朋友报名还可收到红包</p>
</div>

{if $config['isdanmu']>0}
{include file='yx2020/danmu'}
{/if}


<!--红包排行榜 底部显示-->
{if $config['iscommshow']==3}
<div id="phb"></div>
{/if}
{if $theme['yixuanbanquan'] != '1'}
<div class="metro_container content" style="text-align:center; padding:10px 0px 0px";>
    <a style="font-size:0.2rem;" href="{php echo empty($theme['USERURL'])?$system['s']['yixuanurl']:$theme['USERURL'];}">{php echo empty($theme['USERJISHU'])?$system['s']['yixuanjishu']:html_entity_decode($theme['USERJISHU'], ENT_QUOTES);}</a>
</div>
{/if}
<div class="h160"></div>

<!--底部bottom-->
<div id="teamAlt"></div>
<div id="footmenu">
</div>

<!--<div class="footer">-->
<!--    <a href="/{php echo createMobileUrl('mine', array('themeid'=>$themeid));}" class="home">我的</a>-->
<!--    <a href="javascript:void(0)" class="kf" onclick="showService()">客服</a>-->
<!--    <div class="footBtn">-->
<!--        <a href="">-->
<!--            <span>满300减20</span>-->
<!--            立即参加-->
<!--        </a>-->
<!--        <a href="">立即参加</a>-->
<!--    </div>-->
<!--</div>-->
{if $config['edu_btm_img']}
<div style="height: .4rem"></div>
<!--底部广告-->
<a href="/{php echo createMobileUrl('wx', array('themeid'=>$themeid,'r'=>'education.index.about','from'=>'mobile'));}">
    <div class="join" style="background-image: url({$config['edu_btm_img']});position: absolute;">
    </div>
</a >
{/if}


<script>
    var url = '/{php echo createMobileUrl("getconfig",array("helpuid"=>$friendlistuid,"themeid"=>$themeid,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"workerid"=>$workerid,"t"=>TIMESTAMP));}';
    dogetconfig(url);
    var postData = {
            record:{php echo empty($showrecord)?0:$showrecord['id'];},
        neednum:{php echo empty($nowgroupneednum)?0:$nowgroupneednum;},
        myid:{php echo empty($themyrecordid)?0:$themyrecordid;},
        mytype:{php echo empty($themyrecord['type'])?0:$themyrecord['type'];},
        helpuid:{php echo empty($friendlistuid)?0:$friendlistuid;},
        workerid:'{php echo empty($workerid)?'':$workerid;}'
    };
    var url = '/{php echo createMobileUrl("getbasebeilai",array("themeid"=>$themeid,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"workerid"=>$workerid,"username"=>$_P['username'],"mobile"=>$_P['mobile'],"t"=>TIMESTAMP));}';
    getyx2020(postData,url);

</script>
<script type="text/javascript">
    function showBonDetail(index){
        $('#screen').fadeIn();
        // $('.schoolAlt').animate({'bottom':0},500)
        $(".bon_detail").children().eq(index).animate({'bottom':0},500);
    }
    $(function(){
        $('.footBtn a').each(function(){
            var num = $(this).children('span').length;
            if(num>0){
                $(this).addClass('controlHeight')
            }
        })
        var has_coupon = "<?php echo $coupon_box; ?>";
        if (has_coupon){
            $(".coupon_box").show();
            $('#screen').fadeIn();
        }
    })

    //选项卡切换
    $('.shoperList span').click(function(){
        const index = $(this).index();
        {if $company_show==1 || $company_show==3 || $company_show==4 || $company_show==6}
        videoListSwiper.slideTo(index);
        {/if}
        {if $company_show==2 || $company_show==3 || $company_show==5 || $company_show==6}
        videoAndImgSwiper.slideTo(index);
        {/if}
        $(this).addClass('cur').siblings().removeClass('cur');
        // var num = $(this).index();
        //
        // $('.videoList .videoSlide').eq(num).fadeIn().siblings().hide();
    })
    //banner
    var swiperBanner = new Swiper(".banner .edu-mySwiper", {
        autoplay: 3000,
        loop: true,
        pagination: ".banner .swiper-pagination",
        paginationType: "fraction"
    });
    function showShare() {
        $('#screen').fadeIn();
        $('.paySuccess').fadeIn();
    }
    //关闭优惠券
    function closeCoupon(res){
        if (res){
            layer.msg('领取成功，下单自动抵扣');
        }
        $(".coupon_box").hide();
        $('#screen').fadeOut();
    }
    $(function(){
        let youtime = $(".timeBar").attr("endtime");//还有多久(毫秒值)
        lxfEndtime();
        //倒计时JS
        function lxfEndtime(){
            var lxfday=$(".timeBar").attr("lxfday");//用来判断是否显示天数的变量
            if(youtime<0){
                $(this).html("已过期")//如果结束日期小于当前日期就提示过期啦
            }else{
                var seconds = parseInt(youtime % (60 * 60 * 24) % 3600 % 60);
                var minutes = parseInt(youtime % (60 * 60 * 24) % 3600 / 60);
                var hours = parseInt(youtime % (60 * 60 * 24) / 3600);
                var days = parseInt(youtime / (60 * 60 * 24));
                if($(".timeBar").attr("lxfday")=="no"){
                    $(".timeBar").html("<i></i><span>"+hours+"</span><i>:</i><span>"+minutes+"</span><i>:</i><span>"+seconds+"</span>");          //输出没有天数的数据
                }else{
                    $(".timeBar").html("<span>"+days+"</span>天<span>"+hours+"</span><i>时</i><span>"+minutes+"</span><i>分</i><span>"+seconds+"</span><i>秒</i>");          //输出有天数的数据
                }
            }
            setTimeout(function () {
                youtime-=1;
                lxfEndtime();
            },1000);
        };
    });
    //活动未开始倒计时
    {if ($theme['status']==1 && TIMESTAMP < $theme['begintime'])}
    let time_begin = "{php echo $theme['begintime']-TIMESTAMP;}";
    function calcTime(time_begin){
        // 获取天、时、分、秒
        let str=``;
        let day = parseInt(time_begin / (60 * 60 * 24));
        if(day>0){
            str+=`${day}天`;
        }
        let hou = parseInt(time_begin % (60 * 60 * 24) / 3600);
        if(hou>0){
            str+=`${hou}时`;
        }
        let min = parseInt(time_begin % (60 * 60 * 24) % 3600 / 60);
        if(min>0){
            str+=`${min}分`;
        }
        let sec = parseInt(time_begin % (60 * 60 * 24) % 3600 % 60);
        if(sec>0){
            str+=`${sec}秒`;
        }
        $("#time_begin").html(str);
    }

    calcTime(time_begin);
    let time_begin1=setInterval(() => {
        time_begin-=1;
        calcTime(time_begin);
        if(time_begin<=0){
            window.location.reload();
        }
    }, 1000);

    {/if}
    //活动未开始倒计时
    // 活动人数swiper
    const eduActivePersonLength = $('#edu-activePerson__swiper li').length;
    const eduActivePersonSwiper = new Swiper('#edu-activePerson__swiper', {
        loop: eduActivePersonLength > 18,
        autoplay: eduActivePersonLength > 18 ? 3000 : 0,
        slidesPerView: 3,
        direction: 'vertical'
    })
    // 活动火热进行中swiper
    const eduHotActiveLength = $('#edu-hotActive__swiper li').length;
    const eduHotActiveSwiper = new Swiper('#edu-hotActive__swiper', {
        loop: eduHotActiveLength > 3,
        autoplay: eduHotActiveLength >3 ? 2500 : 0,
        slidesPerView: 3,
        direction: 'vertical'
    })
    // 福利领取记录swiper
    const eduGetWealLength = $('#edu-getWeal_swiper li').length;
    const eduGetWealSwiper = new Swiper('#edu-getWeal_swiper', {
        loop: eduGetWealLength > 3,
        autoplay: eduGetWealLength > 3 ? 2500 : 0,
        slidesPerView: 3,
        direction: 'vertical'
    })
    //活动选项卡切换
    $('.activeChose span').click(function(){
        var num = $(this).index();
        $(this).addClass('cur').siblings().removeClass('cur')
        $('.actBar .actSlide').eq(num).fadeIn().siblings().hide();
    })
    //课程展示切换
    $('.lessconChose span').click(function(){
        var num = $(this).index();
        $(this).addClass('cur').siblings().removeClass('cur')
        $('.lessonCont .lessonSlide').eq(num).fadeIn().siblings().hide();
    })
    //关闭弹窗
    $('.closeAlt').click(function(){
        $('#screen,.starAlt').fadeOut();
    })
    //查看学校信息
    $('.checkMore').click(function(){
        var key = $(this).data("k");
        $('#screen').fadeIn();
        // $('.schoolAlt').animate({'bottom':0},500)
        $(".school_list").children().eq(key).animate({'bottom':0},500);
    })
    $('.closeScholl').click(function(){
        $('#screen').fadeOut();
        $('.schoolAlt').animate({'bottom':'-110%'},500)
    })
    $('#screen').click(function(){
        $('#screen').fadeOut();
        $('.inventAlt').animate({'bottom':'-150%'},500)
        $('.schoolAlt').animate({'bottom':'-110%'},500)
    })
    //轮播图视频代码开始
    {if !empty($config['bannervideo'])}
        const bannerVideo = $('#edu-banner__video');
        $(".edu-banner__video-open").click(function () {
            bannerVideo.trigger('play');
            $(this).hide();
            $('.edu-banner__video-con').show();
            console.log($('#edu-audio_btn').hasClass('stopAudio'))
            if(!$('#edu-audio_btn').hasClass('stopAudio')) {
                $('#edu-audio_btn').addClass('stopAudio');
                $('#edu-bgaudio').trigger('pause')
            }
        });
        $(".edu-banner__closevideo").click(function () {
            bannerVideo.trigger('pause');
            $(".edu-banner__video-open").show();
            $(".edu-banner__video-con").hide();
            if($('#edu-audio_btn').hasClass('stopAudio')) {
                $('#edu-audio_btn').removeClass('stopAudio');
                $('#edu-bgaudio').trigger('play')
            }
        });
        bannerVideo.bind('pause', function () {
            //暂停开始执行的函数
            $(".edu-banner__video-open").show()
        });
        let i = setInterval(function() {
            if(bannerVideo[0].readyState > 0) {
                // debugger;
                var minutes = parseInt(bannerVideo[0].duration / 60, 10);
                var seconds = parseInt(bannerVideo[0].duration % 60);
                if(minutes<10){minutes='0'+minutes;}
                if(seconds<10){seconds='0'+seconds;}
                $(".edu-banner__video-open").html("<p>" + minutes +"′"+ seconds +"″</p>");
                clearInterval(i);
            }
        }, 200);
    {/if}
    //轮播图视频代码结束
    //背景音乐控制按钮JS
    $(function(){
        let audio_url="{php echo tomedia($config['musicsrc']);}";
        if(!audio_url){
            $("#edu-audio_btn").hide();
        }
        const eduAudio = $('#edu-bgaudio');
        $("#edu-audio_btn").click(function(){
            if ($(this).hasClass('stopAudio')) {
                eduAudio[0].play();
                $(this).removeClass('stopAudio');
            } else {
                eduAudio[0].pause();
                $(this).addClass('stopAudio');
            };
        })
    });
    // ios 可以通过这种方式自动播放
    document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById('edu-bgaudio').play();
    }, false);
    // swiper type1
    // 底部联盟商家swiper
    // var swiperInfor = new Swiper(".shoperBottom .mySwiper", {
    //     loop: true,
        // pagination: 'edu-pagination-type2',
        // paginationType: 'custom',
        // paginationCustomRender: function (swiper, current, total) {
        //     return `${current} of ${total}`
        // }

    // });
    // swiper video
    const videoListSwiper = new Swiper('.edu-video__swiper', {
        loop: true,
        loopAdditionalSlides: 4
    })
    const videoAndImgSwiper = new Swiper('.video-and-img', {
        loop: true,
        loopAdditionalSlides: 4
    })
    const control = [];
    {if $company_show==1 || $company_show==3 || $company_show==4 || $company_show==6}
        control.push(videoListSwiper)
    {/if}
    {if $company_show==2 || $company_show==3 || $company_show==5 || $company_show==6}
        control.push(videoAndImgSwiper);
    {/if}
    var swiperShoper = new Swiper(".shoperTop .mySwiper", {
        loop: true,
        autoplay: 3000,
        spaceBetween: 20,
        slidesPerView:5,
        centeredSlides:true,
        autoplayDisableOnInteraction: true,
        normalizeSlideIndex:false,
        control,
        onTap: function (swiper) {
            swiper.slideTo(swiper.clickedIndex);
        }
    });

    // swiper + img
</script>
<!--弹幕JS-->
<!--<script src="js/danmu.js"></script>-->
{include file='education/tips'}
{include file='education/wxpay'}
